@media screen and (min-width: 991px) {
    .footNav {
        transition: all 0.5s ease;
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .footNav {
        transition: all 0.5s ease;
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 69px;
        background-color: #000000;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
        box-sizing: border-box;
        z-index: 9999;

        .footNav-item {
            width: 35px;
            height: 50px;

            img {
                width: 30px;
                height: 30px;
                margin: 0 auto;
                display: block;
            }

            .tit {
                text-align: center;
                color: #fff;
            }
        }
    }
}
